<template>
  <div class="card">
    <a-card>
      <h3 class="title">{{ title }}</h3>
      <slot></slot>
    </a-card>
  </div>
</template>

<script>
export default {
  name: 'Card',
  props: {
    title: String,
  },
};
</script>

<style scoped lang="less">
.card {
  margin: 5px;
  //box-shadow: 0 1px 4px 0 rgb(0 0 0 / 13%);
  margin-bottom: 22px;
  .ant-card {
    border-radius: 5px;
  }
  .title {
    text-align: left;
    border-left: 2px solid #2b6afd;
    padding-left: 8px;
    font-size: 16px;
    color: #333;
  }
}
</style>
